<template>
    <view style="background-color: #fff;padding-bottom: 116rpx;">
        <image style="width: 100%;height: 520rpx;" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/img_czlchengbg.png"/>
        <view class="edition" style="height: 174rpx;">
            <view class="left">
                <image style="width: 40rpx;height: 50rpx;margin-top: 8rpx;" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/icon_bblchengydian.png"/>
                <view class="line"></view>
            </view>
            <view class="right">
                <view style="display: flex;flex-direction: column;">
                    <text style="font-size: 36rpx;font-weight: 700;color: rgb(142,84,244);margin-bottom: 12rpx;">店店有客小程序2.0.0上线</text>
                    <text style="font-size: 24rpx;color: rgb(144,147,153);">2024年3月6日</text>
                </view>
            </view>
        </view>
        <view class="edition">
        <view class="left">
            <image style="width: 40rpx;height: 40rpx;margin-top: 8rpx;" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/icon_bblchengydian.png"/>
            <view class="line"></view>
        </view>
        <view class="right">
            <view style="display: flex;flex-direction: column;">
                    <text style="font-size: 36rpx;font-weight: 700;color: rgb(142,84,244);margin-bottom: 12rpx;">店店有客小程序1.3.0上线</text>
                    <text style="font-size: 24rpx;color: rgb(144,147,153);">2023年11月25日</text>
                </view>
            <view class="items">
                <view class="circle"></view>
                <view style="display: flex;flex-direction: column;">
                    <text style="font-size: 28rpx;color: rgb(69,70,74);margin-bottom: 12rpx;">店店有客小程序通过工信部备案</text>
                    <text style="font-size: 24rpx;color: rgb(144,147,153);">2023年11月17日</text>
                </view>
            </view>
            <view class="items">
                <view class="circle"></view>
                <view style="display: flex;flex-direction: column;">
                    <text style="font-size: 28rpx;color: rgb(69,70,74);margin-bottom: 12rpx;">抖音矩阵发布体系搭建完成</text>
                    <text style="font-size: 24rpx;color: rgb(144,147,153);">2023年09月</text>
                </view>
            </view>
        </view>
        
        </view>
        <view class="edition">
        <view class="left">
            <image style="width: 40rpx;height: 40rpx;margin-top: 8rpx;" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/icon_bblchengydian.png"/>
            <view class="line"></view>
        </view>
        <view class="right">
            <view style="display: flex;flex-direction: column;">
                    <text style="font-size: 36rpx;font-weight: 700;color: rgb(142,84,244);margin-bottom: 12rpx;">店店有客小程序1.0.0上线</text>
                    <text style="font-size: 24rpx;color: rgb(144,147,153);">2023年08月15日</text>
                </view>
            <view class="items">
                <view class="circle"></view>
                <view style="display: flex;flex-direction: column;">
                    <text style="font-size: 28rpx;color: rgb(69,70,74);margin-bottom: 12rpx;">店店有客接入Chat GPT(人工智能系统)</text>
                    <text style="font-size: 24rpx;color: rgb(144,147,153);">2023年07月</text>
                </view>
            </view>
            <view class="items">
                <view class="circle"></view>
                <view style="display: flex;flex-direction: column;">
                    <text style="font-size: 28rpx;color: rgb(69,70,74);margin-bottom: 12rpx;">认证为抖音技术服务商</text>
                    <text style="font-size: 24rpx;color: rgb(144,147,153);">2023年06月</text>
                </view>
            </view>
        </view>
        
        </view>
        <view style="display: flex;margin: 0 60rpx;">
            <image style="width: 40rpx;height: 40rpx;margin-top: 8rpx;margin-right: 30rpx;" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/icon_bblchengydian.png"/>
            <view style="display: flex;flex-direction: column;">
                <text style="font-size: 36rpx;font-weight: 700;color: rgb(142,84,244);margin-bottom: 12rpx;">店店有客项目启动</text>
                <text style="font-size: 24rpx;color: rgb(144,147,153);">2023年05月25日</text>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    name: 'UniPresetVueVite1Edition',

    data() {
        return {
            
        };
    },
    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
    .edition{
        display: flex;
        width: 630rpx;
        height: 430rpx;
        background-color: #fff;
        margin: 0 60rpx;
        height: 504rpx;
        .left{
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 40rpx;
            height: 100%;
            .line{
                width: 1rpx;
                height: 100%;
                background-color: rgba(142,84,244,0.2);
                margin-top: 6rpx;
            }
        }
        .right{
            font-size: 28rpx;
            color: rgb(69,70,74);
            margin-left: 30rpx;
            .edition-text{
                font-size: 36rpx;
                color: rgba(142,84,244,1);
                margin-right: 18rpx;
                margin-bottom: 36rpx;
            }
            .time{
                font-size: 24rpx;
                color: rgb(144,147,153);
            }
            .items{
                display: flex;
                justify-content: space-between;
                margin-bottom: 24rpx;
                margin-top: 74rpx;
                .circle{
                    position: absolute;
                    left: 75rpx;
                    width: 12rpx;
                    height: 12rpx;
                    background-color: rgba(142,84,244,1);
                    border-radius: 50%;
                    margin-top: 16rpx;
                    margin-right: 13rpx;
                }
            }
        }
    }
</style>